<!DOCTYPE html>
<html ng-app="app">
  <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
    <title>估估网</title>
    <link rel="styleSheet" href="/static/css/mybasic.css">
    <link rel="stylesheet" href="/static/css/cropper.css">
    <meta property="qc:admins" content="300026023761470647167">
    <link rel="styleSheet" href="/static/css/universe.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="http://static.geetest.com/static/tools/gt.js"></script>
    <script src="/static/js/angular.min.js"></script>
  </head>
  <body ng-controller="body" class="scrollTransition">
    <header>
      <div id="logo-area"><a href="#">
          <div id="logo"><img src="/static/img/logo.png"></div>
          <div id="gugu-title"><img src="/static/img/gugu.png"></div></a>
        <div id="sidebar-btn" data-state="close" class="menu-btn">
          <div id="side-inner" class="menu-btn-inner">
            <div id="line1" class="line line1 animated"></div>
            <div id="line2" class="line line2 animated"></div>
            <div id="line3" class="line line3 animated"></div>
          </div>
        </div>
      </div>
      <div id="menu">
        <div class="m-one index">
          <!--.active--><a href="/index.html">首页</a>
        </div>
        <div class="m-one intro"><a href="/intro.html">介绍</a></div>
        <div class="m-one news"><a href="/news-list.html">资讯</a></div>
        <div class="m-one download"><a href="/download.html">app下载</a></div>
      </div>
      <div id="user">
        <div id="user-list-btn">
          <div id="user-tri" class="close"></div>
        </div>
        <div id="nickname"></div>
        <div id="user-info-entry" data-state="none">
          <div><a href="/mybasic.html">用户中心</a></div>
          <div ng-click="logout()" id="logout">退出</div>
        </div>
      </div>
      <div id="loginOrReg"><a href="/login.html">登录</a>
        <div class="divide"></div><a href="/reg.html">注册</a>
      </div>
      <div id="tools">
        <div id="share" class="tool-btn">
          <div id="s-img" class="inner-img"></div>
          <div id="share-content">
            <div id="qzone" class="share-btn">
              <div class="img-outer"><img src="/static/img/share-qzone.png"></div>
              <div class="share-text">分享到QQ空间</div>
            </div>
            <div id="sina" class="share-btn">
              <div class="img-outer"><img src="/static/img/share-sina.png"></div>
              <div class="share-text">分享到新浪微博</div>
            </div>
          </div>
        </div>
        <div id="message" class="tool-btn">
          <div id="not-read-mess"></div>
        </div>
      </div>
      <div class="small-side">
        <div class="close-area">
          <div class="close-btn"><img src="/static/img/close.svg"></div>
        </div>
        <div class="loginOrReg"><a href="/login.html">登录</a>
          <div class="divide"></div><a href="/reg.html">注册</a>
        </div>
        <div class="nav">
          <div class="m-one index"><a href="/index.html">首页</a></div>
          <div class="m-one intro"><a href="/intro.html">介绍</a></div>
          <div class="m-one news"><a href="/news.html">资讯</a></div>
          <div class="m-one download"><a href="/download.html">app下载</a></div>
        </div>
      </div>
    </header>
    <content data-now="userCenter">
      <div id="sidebar">
        <div class="loginOrReg clear-outer"><a href="/login.html">登录</a>
          <div class="divide"></div><a href="/reg.html">注册</a>
        </div>
        <div class="user-info">
          <div class="user-avatar"><img src="{{avatar}}"></div>
          <div class="user-name">{{username}}</div>
        </div>
        <ul id="side-list">
          <li id="good-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/good.png"></div>
                <div class="li-title">商品分类</div></a>
              <div ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div class="son-menu">
              <div data-kind="coin" ng-click="chooseKind($event)" class="son-item">金币</div>
              <div data-kind="equip-list" ng-click="chooseKind($event)" class="son-item">装备</div>
              <div class="clear"></div>
            </div>
            <div class="clear"></div>
          </li>
          <li id="game-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/game.png"></div>
                <div class="li-title">游戏</div></a>
              <div id="game-open" ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div class="son-menu">
              <div ng-repeat="game in gameList" ng-click="getAreaServer(game,$event)" id="{{game}}" class="son-item">{{game}}</div>
            </div>
            <div class="clear"></div>
          </li>
          <li id="area-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/area.png"></div>
                <div class="li-title">区服</div></a>
              <div id="area-open" ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div id="area" ng-show="changeBool" class="son-menu">
              <div ng-repeat="(key,value) in areaServerObj" ng-click="setArea(key,$event)" class="area-item son-item {{key}}">{{key}}</div>
            </div>
            <div id="server" ng-show="!changeBool" class="son-menu">
              <div ng-repeat="server in serverList" ng-click="setServer(server,$event)" class="server-item son-item {{server}}">{{server}}</div>
            </div>
            <div class="change">
              <div data-tar="area" ng-class="{true:'active',false:''}[changeBool]" ng-click="change($event)" class="one active"></div>
              <div data-tar="server" ng-class="{true:'',false:'active'}[changeBool]" ng-click="change($event)" class="one"></div>
            </div>
            <div class="clear"></div>
          </li>
          <li id="history-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/history.png"></div>
                <div class="li-title">历史记录</div></a>
              <div ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div class="son-menu"></div>
            <div class="clear"></div>
          </li>
        </ul>
      </div>
      <div class="content-main">
        <div id="main-inner">
          <div id="user-center-head">
            <div id="uc-title">用户中心</div>
            <div id="back-index"><a href="/index.html">返回首页</a></div>
          </div>
          <div id="user-main">
            <div id="um-side">
              <div id="mybasic" class="ums-item"><a href="/mybasic.html">
                  <div class="item-img-outer"></div>
                  <div class="item-title">我的资料</div></a></div>
              <div id="myfocus" class="ums-item"><a href="/myfocus.html">
                  <div class="item-img-outer"></div>
                  <div class="item-title">我的关注</div></a></div>
              <div id="mygame" class="ums-item"><a href="/mygame.html">
                  <div class="item-img-outer"></div>
                  <div class="item-title">我的游戏</div></a></div>
            </div>
            <div id="um-main">
              <script type="text/template"></script>
              <div id="user-main-head">
                <div id="basic-detail" data-target="basic-detail" class="tab active">基本资料
                  <div class="tab-open-arrow"></div>
                </div>
                <div id="change-avatar" data-target="change-avatar" class="tab">修改头像
                  <div class="tab-open-arrow"></div>
                </div>
                <div id="change-password" data-target="change-password" class="tab">修改密码
                  <div class="tab-open-arrow"></div>
                </div>
                <div id="change-nickname" data-target="change-nickname" class="tab">修改昵称
                  <div class="tab-open-arrow"></div>
                </div>
                <div id="change-sex" data-target="change-sex" class="tab">修改性别
                  <div class="tab-open-arrow"></div>
                </div>
                <div id="change-signature" data-target="change-signature" class="tab">个性签名
                  <div class="tab-open-arrow"></div>
                </div>
                <div id="change-phone" data-target="change-phone" class="tab">绑定手机
                  <div class="tab-open-arrow"></div>
                </div>
                <div id="change-email" data-target="change-email" class="tab">绑定邮箱
                  <div class="tab-open-arrow"></div>
                </div>
              </div>
              <div id="user-main-center" data-side="mybasic">
                <div id="basic-detail-info" class="basic-onepart">
                  <div id="user-info-main">
                    <div id="avatar-div"><img src="{{avatar}}" alt="这是头像">
                      <div data-target="change-avatar" class="cover tab"><img src="/static/img/change-avatar.svg" alt="修改头像按钮">
                        <div>修改头像</div>
                      </div>
                    </div>
                    <div id="basic">
                      <div id="name-div"><span id="name">{{username}}</span><a href="" data-target="change-nickname" class="withicon tab">修改昵称</a><span id="sex">{{sex}}</span><a href="" data-target="change-sex" class="withicon tab">修改性别</a></div>
                      <div id="signature-div">
                        <textarea id="signature" name="">{{sig}}</textarea><a href="" data-target="change-signature" class="withicon tab">修改签名</a>
                      </div>
                    </div>
                  </div>
                  <div id="other-info">
                    <div class="one-info">
                      <div class="img-div"><img src="/static/img/phone.svg" alt="这是手机" class="bottom"><img src="/static/img/invalid.svg" ng-show="!phoneExist" class="invalid"><img src="/static/img/valid.svg" ng-show="phoneExist" class="valid"></div>
                      <div class="one-info-right">
                        <div class="oi-title"><span class="title-name">手机已绑定</span><a href="" data-target="change-phone" class="withicon tab">绑定手机</a></div>
                        <div class="oi-detail">
                          <div class="oi-main">{{phone_number}}</div>
                          <div class="oi-prompt"><span>您可以通过</span><span class="oi-equivalent">手机</span><span>来享受安全功能</span></div>
                        </div>
                      </div>
                    </div>
                    <div class="one-info">
                      <div class="img-div"><img src="/static/img/email.svg" alt="这是邮箱" class="bottom"><img src="/static/img/invalid.svg" ng-show="!emailExist" class="invalid"><img src="/static/img/valid.svg" ng-show="emailExist" class="valid"></div>
                      <div class="one-info-right">
                        <div class="oi-title"><span class="title-name">邮箱已绑定</span><a href="" data-target="change-email" class="withicon tab">绑定邮箱</a></div>
                        <div class="oi-detail">
                          <div class="oi-main">182****7766</div>
                          <div class="oi-prompt"><span>您可以通过</span><span class="oi-equivalent">邮箱</span><span>来享受安全功能</span></div>
                        </div>
                      </div>
                    </div>
                    <div class="clear"></div>
                  </div>
                </div>
                <div id="change-password-info" ng-controller="change-password" class="basic-onepart">
                  <div class="input-outer"><span class="tright">当前密码:</span>
                    <input id="current-password" type="password" autofocus="true" ng-model="password">
                    <div class="clear"></div>
                  </div>
                  <div class="input-outer"><span class="tright">新密码:</span>
                    <input id="new-password" type="password" ng-model="new_password">
                    <div class="clear"></div>
                  </div>
                  <div class="input-outer"><span class="tright">确认密码:</span>
                    <input id="confirm-password" type="password" ng-model="confirm_password">
                    <div class="clear"></div>
                  </div>
                  <div class="input-outer">
                    <button ng-click="change_password(password,new_password)" class="submit">提交</button>
                  </div>
                </div>
                <div id="change-email-info" ng-controller="change-email" class="basic-onepart">
                  <div ng-show="!hasEmail" class="before">
                    <div class="title">绑定邮箱</div>
                    <div class="input-outer"><span class="tright">邮箱:</span>
                      <input id="email" type="text" autofocus="true" ng-model="tie_email">
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer gt-box"></div>
                    <div class="input-outer three"><span class="tright">验证码:</span>
                      <input id="tie-captcha" type="text" ng-model="tie_captcha">
                      <button data-method="bind" ng-click="getCap(tie_email,$event)" class="small">获取验证码</button>
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer">
                      <button ng-click="tieEmail(tie_email,tie_captcha)" class="submit">提交</button>
                    </div>
                  </div>
                  <div ng-show="hasEmail" class="after">
                    <div class="title">重绑邮箱</div>
                    <div class="input-outer"><span class="tright">当前邮箱:</span><span>{{email}}</span>
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer four"><span class="tright">旧验证码:</span>
                      <input id="e-old-captcha" type="text" ng-model="resetCaptcha">
                      <button data-method="change" ng-click="getCap(phone_number,$event)" class="smaller">手机</button>
                      <button data-method="change" ng-click="getCap(email,$event)" class="smaller">邮箱</button>
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer"><span class="tright">新邮箱:</span>
                      <input id="new-email" type="text" ng-model="new_email">
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer gt-box"></div>
                    <div class="input-outer three"><span class="tright">新验证码:</span>
                      <input id="e-new-captcha" type="text" ng-model="confirmCaptcha">
                      <button data-method="confirm" ng-click="getCap(new_email,$event)" class="small">获取验证码</button>
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer">
                      <button ng-click="resetEmail(email,new_email,phone_number,resetCaptcha,confirmCaptcha,username)" class="submit">提交</button>
                    </div>
                  </div>
                </div>
                <div id="change-phone-info" ng-controller="change-phone" class="basic-onepart">
                  <div ng-show="!hasPhone" class="before">
                    <div class="title">绑定手机</div>
                    <div class="input-outer"><span class="tright">手机号:</span>
                      <input id="phone" type="text" autofocus="true" ng-model="tie_phone">
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer gt-box"></div>
                    <div class="input-outer three"><span class="tright">验证码:</span>
                      <input id="captcha" type="text" ng-model="tie_captcha">
                      <button data-method="bind" class="small">获取验证码</button>
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer">
                      <button ng-click="tiePhone(tie_phone,tie_captcha)" class="submit">提交</button>
                    </div>
                  </div>
                  <div ng-show="hasPhone" class="after">
                    <div class="title">重绑手机</div>
                    <div class="input-outer"><span class="tright">当前手机:</span><span>{{phone_number}}</span>
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer four"><span class="tright">旧验证码:</span>
                      <input id="p-old-captcha" type="text" ng-model="changeCaptcha">
                      <button data-method="change" class="smaller">手机</button>
                      <button data-method="change" class="smaller">邮箱</button>
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer"><span class="tright">新手机号:</span>
                      <input id="new-phone" type="text" ng-model="new_phone">
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer gt-box"></div>
                    <div class="input-outer three"><span class="tright">新验证码:</span>
                      <input id="p-new-captcha" type="text" ng-model="confirmCaptcha">
                      <button data-method="confirm" class="small">获取验证码</button>
                      <div class="clear"></div>
                    </div>
                    <div class="input-outer">
                      <button ng-click="resetEmail(phone_number,new_phone,resetCaptcha,confirmCaptcha,username)" class="submit">提交</button>
                    </div>
                  </div>
                </div>
                <div id="change-signature-info" ng-controller="change-sig" class="basic-onepart">
                  <div class="input-outer"><span class="tright">当前签名:</span><span class="sig">{{sig}}</span>
                    <div class="clear"></div>
                  </div>
                  <div class="input-outer four"><span class="tright">新签名:</span>
                    <textarea id="new-signature" ng-model="new_sig"></textarea>
                    <div class="clear"></div>
                  </div>
                  <div class="input-outer">
                    <button ng-click="changeSig(new_sig)" class="submit">提交</button>
                  </div>
                </div>
                <div id="change-sex-info" ng-controller="change-sex" class="basic-onepart">
                  <div class="input-outer"><span class="tright">当前性别:</span><span>{{sex}}</span>
                    <div class="clear"></div>
                  </div>
                  <div class="input-outer four"><span class="tright">新性别:</span>
                    <div ng-click="chooseSex($event)" class="sex-chioce">
                      <div class="img-div"><img src="/static/img/choose.svg"></div>
                      <div class="text">男</div>
                    </div>
                    <div ng-click="chooseSex($event)" class="sex-chioce">
                      <div class="img-div"><img src="/static/img/choose.svg"></div>
                      <div class="text">女</div>
                    </div>
                    <div ng-click="chooseSex($event)" class="sex-chioce">
                      <div class="img-div"><img src="/static/img/choose.svg"></div>
                      <div class="text">其他</div>
                    </div>
                    <div class="clear"></div>
                  </div>
                  <div class="input-outer">
                    <button ng-click="changeSex(new_sex)" class="submit">提交</button>
                  </div>
                </div>
                <div id="change-nickname-info" ng-controller="change-nickname" class="basic-onepart">
                  <div class="input-outer"><span class="tright">当前昵称:</span><span>{{username}}</span>
                    <div class="clear"></div>
                  </div>
                  <div class="input-outer four"><span class="tright">新昵称:</span>
                    <input id="new-nickname" type="text" ng-model="change_username">
                    <div class="clear"></div>
                  </div>
                  <div class="input-outer">
                    <button ng-click="changeUsername(change_username)" class="submit">提交</button>
                  </div>
                </div>
                <div id="change-avatar-info" ng-controller="change-avatar" class="basic-onepart">
                  <div id="edit-area">
                    <div id="edit-main"><img id="image" src="/static/img/user.png"></div>
                  </div>
                  <div id="right-pre">
                    <div id="preview"></div>
                    <div class="btns">
                      <div class="choose-file">
                        <input id="img-input" type="file">
                        <button class="wei-btn">选择图片</button>
                      </div>
                      <button id="submit-avatar">确定</button>
                    </div>
                  </div>
                  <div class="clear"></div>
                </div>
              </div>
            </div>
            <div class="clear"></div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </content>
    <div id="prompt-outer">
      <div id="bottom"></div>
      <div id="prompt">
        <div id="state"></div>
      </div>
    </div>
  </body>
  <script src="/static/js/common.js"></script>
  <script src="/static/js/userCenter.js"></script>
  <script src="/static/js/cropper.js"></script>
  <script src="/static/js/mybasic.js"></script>
  <script src="/static/js/angular-basic.js"></script>
</html>